iT邦幫忙

2024 iThome 鐵人賽

DAY 6
1
JavaScript

從零開始學習JavaScript 30天系列 第 6

[Day 6] JavaScript 運算符號小運用-乘法計算器

  • 分享至 

  • xImage
  •  

更新2024.08.14
Hi,大家好,我是Tony,是一個對於程式設計有一點點概念的超級新手。

第六天了!今天先運用昨天學習的運算符號,來練習設計一個可以互動的乘法計算器
(今天把昨天未完成的練習補完,讓我小小偷懶一下,明天繼續學習新進度。)

本次學習內容與昨天一樣來自
彭彭老師JavaScript 運算符號(影片27:30左右開始):
https://www.youtube.com/watch?v=prV9Ka6uTss&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=14

昨天的學習內容:[Day 5] JavaScript 運算符號(Operator)
https://ithelp.ithome.com.tw/articles/10344129


1. 語法:prompt

今天學到新的語法prompt,會在瀏覽器跳出一個對話框,讓使用者可以輸入內容,會回傳使用者的回覆。
語法:prompt(字串,字串 );
前面的字串會顯示在對話框的說明欄位,後面的字串會出現在給使用者輸入的欄位。

範例:prompt("請輸入一個數字","預設值" );

  <script>
      prompt("請輸入一個數字","預設值" );
  </script>     

頁面顯示結果
https://ithelp.ithome.com.tw/upload/images/20240813/20168410gBkKmomfTo.jpg


2. 乘法計算器

結合前天學到的宣告變數來使用,
宣告變數n1為第一個數字、n2為第二個數字、result為第一個數字乘上第二個數字,最後顯示出來result。

  <script>
      let n1=prompt("請輸入一個數字","" );
      let n2=prompt("再輸入一個數字","" );
      let result=n1*n2;
      console.log(result);
  </script>     

頁面互動成果如下(Youtube影片請點擊播放)
Yes

以上就是今天學習的部分,接下來的學習內容越來越需要花時間去理解了。
希望自己還能夠持續不中斷的學習與發文章出來。
也請高手多多指教,雖然目前還沒有辦法留言回覆大家,還是很期待與大家互動!
謝謝大家。


上一篇
[Day 5] JavaScript 運算符號(Operator)
下一篇
[Day 7] JavaScript 流程控制:判斷式
系列文
從零開始學習JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言